<template>
  <div class="flex items-center justify-center p-8">
    <span class="text-lg text-primary">
      See the scroll island in action on the top of this page
    </span>
    <ScrollIsland title="Scroll Island">
      <div class="my-3 flex flex-col gap-2">
        <a href="#api"># API</a>
        <a href="#component-code"># Component Code</a>
        <a href="#features"># Features</a>
        <a href="#credits"># Credits</a>
      </div>
    </ScrollIsland>
  </div>
</template>
